<template>
    <!-- 更多选项的遮罩层 -->
    <div class="choice-mask" v-if="showChoiceFlag">
        <div class="mask-box">
            <div class="choice-box">
                <!-- 插槽 -->
                <slot name="more"></slot>

                <div class="share-box">
                    <p>分享</p>
                    <div class="share-tab">
                        <div>
                            <svg t="1637139660122" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7253" width="200" height="200"><path d="M763.84 896c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333c47.128 0 85.333 38.205 85.333 85.333 0 47.128-38.205 85.333-85.333 85.333M329.92 558.848c-14.895 26.231-42.641 43.638-74.453 43.638-47.128 0-85.333-38.205-85.333-85.333 0-16.097 4.457-31.152 12.204-44 14.935-24.769 42.098-41.333 73.13-41.333 47.128 0 85.333 38.205 85.333 85.333 0 15.317-4.035 29.691-11.101 42.117M763.84 128c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333c-47.128 0-85.333-38.205-85.333-85.333 0-47.128 38.205-85.333 85.333-85.333M763.84 682.667c-0.021 0-0.047 0-0.072 0-39.16 0-74.203 17.626-97.628 45.378l-289.885-167.063c4.932-13.101 7.787-28.245 7.787-44.055 0-0.105 0-0.209 0-0.314 0-0.072 0-0.177 0-0.281 0-15.81-2.855-30.953-8.077-44.942l295.544-169.566c23.265 24.363 56.001 39.509 92.275 39.509 0.020 0 0.039 0 0.059 0 70.689 0 127.997-57.308 127.997-128 0-70.692-57.308-128-128-128-70.692 0-128 57.308-128 128 0 18.965 4.224 36.907 11.627 53.099l-292.288 168.747c-23.653-28.833-59.285-47.084-99.18-47.084-70.692 0-128 57.308-128 128 0 0.188 0 0.376 0.001 0.564-0.001 0.123-0.001 0.304-0.001 0.484 0 70.692 57.308 128 128 128 39.895 0 75.526-18.251 99.001-46.86l289.373 166.752c-5.397 13.568-8.529 29.29-8.533 45.743 0 70.582 57.308 127.889 128 127.889 70.692 0 128-57.308 128-128 0-70.692-57.308-128-128-128z" fill="#3D3D3D" p-id="7254"></path></svg>
                            <span>分享卡片</span>
                        </div>
                        <div>
                            <svg t="1637140017281" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12098" width="200" height="200"><path d="M498.816 345.056c26.336 0 43.936-17.632 43.936-43.904 0-26.56-17.568-43.744-43.936-43.744s-52.832 17.184-52.832 43.744C446.016 327.424 472.48 345.056 498.816 345.056zM253.088 257.408c-26.336 0-52.96 17.184-52.96 43.744 0 26.272 26.624 43.904 52.96 43.904 26.24 0 43.808-17.632 43.808-43.904C296.864 274.592 279.328 257.408 253.088 257.408zM1024 626.112c0-138.88-128.832-257.216-286.976-269.536 0.224-1.728 0.32-3.52-0.064-5.312-31.712-147.84-190.688-259.296-369.824-259.296C164.704 91.968 0 233.12 0 406.624c0 93.088 47.52 176.96 137.568 243.104l-31.392 94.368c-2.016 6.144-0.192 12.896 4.704 17.152 2.976 2.56 6.72 3.904 10.496 3.904 2.432 0 4.896-0.576 7.168-1.696L246.4 704.48l14.528 2.944c36.288 7.456 67.616 13.92 106.208 13.92 11.36 0 22.88-0.512 34.176-1.472 4.576-0.384 8.448-2.688 11.072-6.016 42.496 106.336 159.616 183.104 297.44 183.104 35.296 0 71.04-8.512 103.104-16.544l90.848 49.664c2.4 1.312 5.056 1.984 7.68 1.984 3.584 0 7.168-1.216 10.048-3.552 5.056-4.096 7.136-10.848 5.248-17.024l-23.2-77.152C981.344 772.864 1024 699.328 1024 626.112zM398.592 687.968c-10.4 0.896-20.96 1.344-31.424 1.344-35.328 0-65.216-6.112-99.776-13.248L247.296 672c-3.456-0.736-7.104-0.256-10.272 1.376l-88.288 44.192 22.944-68.928c2.24-6.752-0.224-14.112-6.016-18.176C76.96 568.64 32 493.312 32 406.624c0-155.84 150.336-282.656 335.136-282.656 163.36 0 308 99.392 337.856 231.584-171.296 2.24-309.888 122.656-309.888 270.56 0 21.504 3.264 42.336 8.768 62.432C402.208 688.128 400.448 687.808 398.592 687.968zM875.456 815.552c-5.344 4.032-7.616 10.976-5.696 17.376l15.136 50.336-62.112-33.984c-2.368-1.312-5.024-1.984-7.68-1.984-1.312 0-2.624 0.16-3.904 0.512-33.312 8.416-67.776 17.088-101.344 17.088-155.904 0-282.72-107.136-282.72-238.816 0-131.68 126.816-238.784 282.72-238.784 152.928 0 282.144 109.344 282.144 238.784C992 691.744 950.624 759.04 875.456 815.552zM612.992 511.968c-17.568 0-35.136 17.696-35.136 35.232 0 17.664 17.568 35.104 35.136 35.104 26.4 0 43.84-17.44 43.84-35.104C656.832 529.632 639.392 511.968 612.992 511.968zM806.016 511.968c-17.312 0-34.88 17.696-34.88 35.232 0 17.664 17.568 35.104 34.88 35.104 26.304 0 44.064-17.44 44.064-35.104C850.08 529.632 832.352 511.968 806.016 511.968z" p-id="12099"></path></svg>
                            <span>微信好友</span>
                        </div>
                        <div>
                            <svg t="1637139734937" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8959" width="200" height="200"><path d="M512 1024C229.6832 1024 0 794.3168 0 512S229.6832 0 512 0s512 229.6832 512 512-229.6832 512-512 512z m0-958.5664C263.168 65.4336 60.7232 265.728 60.7232 512S263.168 958.5664 512 958.5664 963.2768 758.272 963.2768 512 760.832 65.4336 512 65.4336z" p-id="8960"></path><path d="M512 704.512c-105.2672 0-190.8736-86.3232-190.8736-192.512 0-106.0864 85.6064-192.4096 190.8736-192.4096S702.8736 405.9136 702.8736 512 617.2672 704.512 512 704.512z m0-319.5904c-71.7824 0-130.2528 57.0368-130.2528 127.0784S440.1152 639.0784 512 639.0784c71.7824 0 130.2528-57.0368 130.2528-127.0784S583.7824 384.9216 512 384.9216z" p-id="8961"></path><path d="M961.536 384.9216H512c-16.7936 0-30.3104-14.6432-30.3104-32.6656s13.6192-32.6656 30.3104-32.6656h449.536c16.7936 0 30.3104 14.6432 30.3104 32.6656s-13.5168 32.6656-30.3104 32.6656zM672.5632 992.0512c-16.7936 0-30.3104-14.6432-30.3104-32.6656V512c0-18.0224 13.6192-32.6656 30.3104-32.6656 16.7936 0 30.3104 14.6432 30.3104 32.6656v447.3856c0 18.0224-13.5168 32.6656-30.3104 32.6656zM512 704.512H78.5408c-16.7936 0-30.3104-14.6432-30.3104-32.6656s13.6192-32.6656 30.3104-32.6656H512c16.7936 0 30.3104 14.6432 30.3104 32.6656S528.7936 704.512 512 704.512zM351.4368 544.6656c-16.7936 0-30.3104-14.6432-30.3104-32.6656V80.5888c0-18.0224 13.6192-32.6656 30.3104-32.6656 16.7936 0 30.3104 14.6432 30.3104 32.6656V512c0 18.0224-13.5168 32.6656-30.3104 32.6656z" p-id="8962"></path><path d="M385.024 445.1328c-8.192 0-16.2816-3.584-22.3232-10.5472-11.3664-13.312-10.6496-33.9968 1.7408-46.1824L682.2912 72.0896c12.288-12.1856 31.5392-11.3664 42.9056 1.8432 11.3664 13.312 10.6496 33.9968-1.7408 46.1824L405.6064 436.4288c-5.8368 5.8368-13.2096 8.704-20.5824 8.704zM945.4592 745.984c-7.3728 0-14.7456-2.8672-20.5824-8.704L607.0272 420.9664c-12.288-12.288-13.1072-32.9728-1.7408-46.1824 11.3664-13.312 30.5152-14.1312 42.9056-1.8432l317.8496 316.3136c12.288 12.288 13.1072 32.9728 1.7408 46.1824-5.9392 6.9632-14.1312 10.5472-22.3232 10.5472zM305.5616 976.0768c-8.192 0-16.2816-3.4816-22.3232-10.5472-11.3664-13.312-10.6496-33.9968 1.7408-46.1824l306.4832-305.0496c12.288-12.1856 31.5392-11.4688 42.9056 1.8432 11.3664 13.312 10.6496 33.9968-1.7408 46.1824L326.144 967.3728c-5.8368 5.8368-13.2096 8.704-20.5824 8.704zM385.024 671.0272c-7.3728 0-14.7456-2.8672-20.5824-8.704L57.9584 357.376c-12.288-12.288-13.1072-32.9728-1.7408-46.1824 11.3664-13.312 30.5152-14.1312 42.9056-1.8432L405.6064 614.4c12.288 12.288 13.1072 32.9728 1.7408 46.1824-6.0416 6.9632-14.1312 10.4448-22.3232 10.4448z" p-id="8963"></path></svg>
                            <span>朋友圈</span>
                        </div>
                        <div>
                            <svg t="1637139754094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9806" width="200" height="200"><path d="M372.173394 1010.003218l-68.755943-0.434905-73.480548-10.1952-51.970652-18.556635-27.570939-21.726837-8.143471-12.744255-5.315052-17.250896c-0.341784-1.274016-0.497327-2.610454-0.497327-3.916193l0-3.543709c0-1.274016 0.155543-2.549056 0.466628-3.76065l0.528026-4.2897c0-1.057075 0.093121-2.113127 0.341784-3.170203l0.994654-14.608719c0.124843-1.429559 0.466628-2.797719 0.963954-4.134157l6.931876-16.909112c0.652869-1.336438 1.52268-2.579755 2.549056-3.667529 0.279363-0.404206 2.89084-3.729951 3.201925-4.134157l4.538363-5.595438c0.715291-0.839111 1.49198-1.647523 2.393513-2.331092l10.102079-7.336082c1.49198-1.212618 3.201925-2.113127 5.03569-2.735297l26.730805-10.31902-15.789615-14.640442-29.093619-36.864606-13.862729-24.524556c-0.652869-0.963954-1.180895-2.020006-1.616824-3.139503l-8.330736-20.297278-30.336936 33.009811-14.733563 9.728572-18.24555 6.216585-9.728572 1.087774c-0.434905 0.062422-2.642177 0.093121-3.108804 0.093121-1.958608 0-3.916193-0.372483-5.78168-1.118474-3.667529-1.461281-8.236592-4.880147-9.977235-8.485255-1.647523-1.647523-3.170203-3.450589-3.792373-5.003967l-8.578376-23.188118-4.569062-36.832883 0.870834-35.217083 11.159154-52.623521 11.935843-33.165354L73.528644 546.494629l32.04688-41.401945 51.16224-47.276746-1.6158-6.869455c-0.311085-1.243317-0.466628-2.549056-0.466628-3.823072l0-16.442484c0-1.367137 0.186242-2.704598 0.528026-4.009314l9.573029-30.150694 8.951883-16.785292 1.554402-14.671141 10.661827-31.020504 3.792373-5.812379 0-14.733563 6.931876-40.84322 14.70184-44.075845 19.395746-40.252773 38.387285-54.768371 30.648021-32.94739 31.984459-27.632337 32.854269-20.204158 64.434521-24.12035 71.397097-12.340049 60.487629-0.963954L606.694709 20.602224l59.555397 14.453177 42.956348 17.002232 27.01119 14.391778 32.885991 22.410406 29.404704 27.13501 23.218818 28.005844 23.592324 40.252773 27.352975 76.899414 7.583722 32.1707 6.402827 42.956348 20.669762 38.201044 9.356089 40.873919 0.124843 6.869455-0.901533 7.148817 0.186242 3.729951c0 1.274016-0.155543 2.549056-0.466628 3.76065l-4.009314 16.878412c-0.311085 1.274016-0.74599 2.517333-1.36816 3.667529l-2.207271 4.2897 54.736649 93.155656 22.565948 54.519708 8.858762 37.641295 4.538363 57.534368-5.408173 35.963073-14.111392 33.973766-14.453177 15.914458c-1.150196 0.994654-2.455935 1.833765-3.854794 2.455935l-6.247284 2.921539c-0.62217 0.279363-3.823072 1.39886-4.445242 1.6158-1.616824 0.559748-3.263323 0.808412-4.973268 0.808412l-3.978614 0c-1.740644 0-3.418866-0.279363-5.066389-0.839111-0.621147-0.217964-3.76065-1.336438-4.351098-1.6158l-4.880147-2.393513c-0.715291-0.373507-3.667529-2.362814-4.320399-2.828418-0.434905-0.311085-3.450589-2.579755-3.853771-2.921539l-10.474562-10.630105-17.655102-26.38902-11.656481 29.093619-38.045501 56.042387 35.279504 18.773576 24.586978 19.053961c0.901533 0.683569 1.740644 1.52268 2.486634 2.393513l10.754948 15.417131 6.590092 22.846334c0.404206 2.175549 0.311085 4.445242-0.248663 6.558369l-0.372483 2.672876c0 1.057075-0.124843 2.14485-0.341784 3.201925l-0.715291 3.450589c-0.341784 1.647523-0.932232 3.201925-1.803066 4.631484l-0.932232 1.616824c-0.466628 1.367137-0.994654 2.921539-1.336438 3.543709L896.573819 963.223798l-17.437138 11.594059-38.916335 15.789615-48.178279 9.884115-69.37709 2.300392-75.656097-8.05035-46.220694-11.127432-54.022381-16.72287-32.388664-1.429559-41.868573 22.877033-45.877887 15.635095-42.024116 5.470595-11.811 0.559748C372.5776 1010.003218 372.391359 1010.003218 372.173394 1010.003218zM167.555134 923.375232l8.423857 17.59268 10.567683 8.828063 31.082926 14.080693 64.21758 12.30935 23.436782 2.393513 66.579371 0.341784 36.056194-2.828418 29.621645-7.055696 58.217936-28.285207 3.699252-3.667529c3.295046-2.983961 7.739265-4.38282 12.091386-3.885494l29.746488 2.672876 11.066033-0.030699c1.057075 0 2.113127 0.12382 3.170203 0.341784l39.164998 12.340049 29.15604 9.324366 85.447091 13.08604 14.297634 0.839111 65.398476-2.14485 52.001351-11.656481 30.430056-14.422478 11.998265-12.184507 3.356444-4.599761c0.528026-1.616824 1.274016-3.729951 1.771343-4.538363l0.434905-2.020006c0-1.305739 0.186242-2.642177 0.497327-3.885494l0.030699-0.030699-5.252631-14.484899-6.683213-6.962575-18.24555-14.329357-18.805298-10.599406-29.93273-15.043624c-1.150196-0.683569-2.207271-1.52268-3.170203-2.455935-5.967922-6.123464-8.454556-18.587334-2.361791-24.586978l19.395746-20.639063 26.948769-41.526789 17.250896-44.977377c0.373507-0.994654 0.808412-1.958608 1.39886-2.89084l2.921539-5.315052c1.119497-2.424212 2.89084-4.538363 5.066389-6.123464l2.549056-1.833765c4.724605-3.356444 12.30935-3.823072 17.46886-0.994654 2.735297 1.49198 5.688559 4.134157 7.118118 6.931876l34.533514 54.115502 3.699252 2.051729 5.470595-4.009314 10.754948-18.524912 5.501294-21.447475 2.735297-20.327978-1.833765-33.196053-10.288321-50.29243-27.601638-64.21758-23.592324-43.485397-25.332968-36.771485c-0.279363-0.434905-1.52268-2.89084-1.771343-3.325745-1.057075-2.14485-1.647523-4.538363-1.647523-6.962575 0-1.678222 0.279363-4.910846 0.808412-6.495948l9.293667-37.548174-3.357468-18.960841-7.18054-22.254863-16.815991-28.751834c-1.025353-1.585101-1.771343-3.356444-2.14485-5.221932-0.062422-0.311085-0.683569-3.325745-0.715291-3.667529l-8.703219-56.228629-21.354354-68.444858-29.249161-54.768371-55.172577-54.705949L708.398042 86.404905l-38.387285-17.095353L629.664863 57.591673l-70.589708-11.189853-55.54506 0.932232L437.44805 58.710147l-36.429701 11.935843L359.180476 91.844801 333.75541 111.551632l-40.687678 41.837874-35.83823 51.131541-26.669406 61.512982-10.07138 49.981345 0.217964 18.090007c0 3.916193-1.49198 7.739265-4.164856 10.599406l-6.869455 11.159154-5.066389 25.51921 0.093121 4.196579c0 3.201925-0.994654 6.309706-2.828418 8.951883l-8.79634 14.640442-7.366781 26.91807 0.559748 11.189853 2.953262 11.905144c2.051729 6.309706-0.124843 13.20986-5.439896 17.220197l-46.469358 40.408315-23.25054 25.891693L86.272899 585.068156l-20.732184 50.541093-10.102079 47.059805-0.715291 16.193821 0.776689 28.782533 7.92653 30.057573 10.132778-3.388167 23.001877-19.73753 19.240203-29.590945c0.311085-1.865487 1.212618-4.724605 2.175549-6.340405 1.461281-2.455935 4.755304-6.465249 7.30436-7.801686 0.093121-0.062422 2.765997-1.39886 2.860141-1.461281 4.631484-2.237971 10.320043-1.989307 15.043624 0.373507 0.466628 0.186242 0.901533 0.373507 1.305739 0.590448 4.041036 2.082428 7.864108 6.309706 8.889461 10.785647l9.014304 29.186739 28.378327 52.43728 39.009456 39.226397 11.935843 9.386788c2.362814 1.119497 4.41352 2.797719 5.937223 4.910846 1.926886 2.642177 4.445242 7.864108 4.445242 11.127432 0 4.538363-1.958608 9.728572-5.377474 12.681834-1.740644 1.52268-4.164856 2.953262-6.620791 3.792373l0 0.062422c-1.274016 0.434905-4.693906 1.429559-6.030343 1.52268l-38.72907 8.205892-3.232624 1.958608c-1.025353 0.621147-2.082428 1.087774-3.232624 1.461281l-3.170203 1.429559-5.377474 3.418866-3.885494 4.787026c-0.217964 0.248663-2.14485 3.077082-2.393513 3.295046l-4.787026 13.05534 0.062422 4.102435c0 1.057075-0.093121 4.538363-0.341784 5.595438l-0.497327 4.880147c0 1.274016-0.155543 2.549056-0.466628 3.76065L167.555134 923.375232z" p-id="9807"></path></svg>
                            <span>QQ好友</span>
                        </div>
                        <div>
                            <svg t="1637139774941" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10230" width="200" height="200"><path d="M753.755136 657.139c-98.162688-7.774-196.35712-15.548-294.519808-23.321 5.306368-2.592 10.614784-5.181 15.919104-7.772 90.203136-64.772 180.436992-129.563 270.640128-194.335-5.306368 0-10.614784 0-15.921152 0-97.455104-42.083-397.549568-32.699-485.557248 7.772 116.732928 7.774 233.504768 15.547 350.237696 23.321-2.654208 5.181-5.306368 10.365-7.959552 15.546-95.511552 62.179-191.046656 124.381-286.558208 186.562 0 2.592 0 5.18 0 7.773 174.162944 23.443 364.192768 2.403 525.357056-15.547 0 2.592 0 5.182 0 7.773-5.30432 0-10.614784 0-15.919104 0-29.503488 23.218-34.161664 10.548-39.800832 62.188 13.26592 64.771 26.534912 129.563 39.800832 194.333-2.654208 2.595-5.306368 5.182-7.959552 7.773-10.611712 0-21.228544 0-31.84128 0-63.724544-53.829-178.624512-131.244-278.597632-139.921-82.246656 46.638-164.512768 93.285-246.759424 139.921-10.610688-5.179-21.228544-10.365-31.840256-15.545 18.57024-101.045 37.148672-202.121 55.719936-303.164-74.28608-67.363-148.59264-134.744-222.87872-202.107 1.789952-5.242 3.577856-10.483 5.366784-15.724 0.287744-0.844 0.576512-1.688 0.864256-2.531 0.576512-1.688 1.152-3.377 1.728512-5.065 98.162688-12.954 196.356096-25.913 294.518784-38.868 53.061632-93.273 106.138624-186.568 159.199232-279.842 5.306368 0 10.614784 0 15.921152 0 45.101056 95.862 90.217472 191.754 135.319552 287.616 103.467008 10.362 206.968832 20.731 310.436864 31.094 2.656256 5.181 5.306368 10.366 7.959552 15.546-74.285056 72.545-148.59264 145.11-222.877696 217.656C753.755136 631.226 753.755136 644.184 753.755136 657.139z" p-id="10231"></path></svg>
                            <span>QQ空间</span>
                        </div>
                        <div>
                            <svg t="1637139808006" class="icon" viewBox="0 0 1282 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10646" width="200" height="200"><path d="M893.506 438.193c-40.954-8.13-21.079-30.112-21.079-30.112s40.049-66.248-8.13-114.427c-59.622-59.623-204.463 7.528-204.463 7.528-55.406 17.164-40.651-7.829-32.822-50.288 0-50.288-17.164-135.204-164.715-84.917-147.25 50.288-274.023 227.048-274.023 227.048-87.928 117.439-76.184 208.076-76.184 208.076 21.982 200.247 234.877 255.353 400.495 268.302 174.050 13.852 409.227-59.924 480.293-211.389 71.366-151.766-58.117-211.69-99.372-219.82v0zM525.231 813.092c-172.845 7.829-312.566-78.895-312.566-194.225 0-115.331 139.721-208.076 312.566-215.906 173.146-8.13 313.169 63.235 313.169 178.567 0 115.331-140.023 223.735-313.169 231.564v0z" p-id="10647"></path><path d="M490.902 478.844c-174.050 20.477-153.875 183.384-153.875 183.384s-1.808 51.492 46.674 77.69c101.78 55.105 206.572 21.982 259.569-46.373 52.697-68.355 21.681-234.877-152.369-214.702v0zM446.939 707.699c-32.521 3.613-58.718-15.056-58.718-42.157s23.487-55.406 56.009-58.718c37.039-3.613 61.429 17.767 61.429 45.169 0 26.799-26.499 51.793-58.718 55.708zM549.32 620.371c-10.84 8.13-24.391 6.925-30.112-3.012-6.023-9.637-3.915-24.994 7.227-33.125 12.948-9.637 26.197-6.624 32.22 3.012 5.722 9.637 1.506 24.392-9.335 33.125z" p-id="10648"></path><path d="M978.122 367.428c14.153 0 26.197-10.237 28.005-23.789 0.301-0.904 0.301-1.807 0.301-3.012 21.38-190.912-156.284-158.091-156.284-158.091-15.959 0-28.607 12.648-28.607 28.607 0 15.659 12.648 28.607 28.607 28.607 127.375-28.306 99.372 99.372 99.372 99.372 0 15.659 12.948 28.306 28.607 28.306z" p-id="10649"></path><path d="M957.345 34.384c-61.43-14.454-124.364-2.108-142.131 1.205-1.506 0-2.709 1.506-3.915 1.808-0.602 0-0.904 0.602-0.904 0.602-17.767 5.12-30.413 21.079-30.413 40.351 0 22.584 18.369 41.556 41.556 41.556 0 0 22.283-3.312 37.641-9.035 14.755-6.323 142.131-4.517 205.367 101.48 34.629 77.69 15.056 129.483 12.648 137.614 0 0-8.13 20.175-8.13 40.049 0 22.885 18.369 37.34 41.254 37.34 19.272 0 35.232-2.709 40.049-34.93h0.301c67.753-226.145-83.11-332.441-193.322-358.037v0z" p-id="10650"></path></svg>
                            <span>新浪微博</span>
                        </div>
                        <div>
                            <svg t="1637139954468" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11236" width="200" height="200"><path d="M428.312129 595.687871l-22.316138-22.316138c-80.114464-80.114464-80.114464-210.004745 0-290.119209L629.162078 60.086437c80.113287-80.113287 210.003568-80.113287 290.118032 0l44.632276 44.633453c80.114464 80.114464 80.114464 210.004745 0 290.118032L774.22286 584.529802c-12.144405 12.144405-25.434041 22.44914-39.520515 30.911853a253.911982 253.911982 0 0 0-2.538814-78.118253L919.281287 350.202115c55.463136-55.463136 55.463136-145.386814 0-200.851126l-44.633453-44.632276c-55.464313-55.464313-145.387991-55.464313-200.851126 0L450.629444 327.885977c-55.464313 55.463136-55.464313 145.386814 0 200.849949l22.316138 22.316138c12.325664 12.326841 12.325664 32.308966 0 44.63463-12.325664 12.325664-32.308966 12.325664-44.633453 0z m167.375742-167.375742l22.316138 22.316138c80.114464 80.114464 80.114464 210.004745 0 290.119209L394.837922 963.913563c-80.113287 80.113287-210.003568 80.113287-290.118032 0L60.086437 919.281287c-80.114464-80.114464-80.114464-210.004745 0-290.118032l189.69188-189.693057c12.144405-12.144405 25.434041-22.44914 39.520515-30.911853a253.911982 253.911982 0 0 0 2.538814 78.118253L104.718713 673.797885c-55.463136 55.463136-55.463136 145.386814 0 200.851126l44.633453 44.632276c55.464313 55.464313 145.387991 55.464313 200.851126 0l223.167264-223.167264c55.464313-55.463136 55.464313-145.386814 0-200.849949l-22.316138-22.316138c-12.325664-12.326841-12.325664-32.308966 0-44.63463 12.325664-12.325664 32.308966-12.325664 44.633453 0z" fill="#333333" p-id="11237"></path></svg>
                        <span>复制链接</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cancel-box" @click="hideChoice"><span>取消</span></div>
        </div>
    </div>
</template>
<script>
import { mapMutations, mapState } from 'vuex';

export default {
    name:"Choice",
    data(){
        return{
        }
    },
    computed:{
        ...mapState(["showChoiceFlag"])
    },
    methods:{
        ...mapMutations(["setshowChoiceFlag"]),
        hideChoice(){
            this.setshowChoiceFlag(false);
        }
    }
}
</script>
<style lang="scss" scoped>
.choice-mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba($color: #000000, $alpha: .5);
    z-index: 100;
    .mask-box{
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
        .choice-box{
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            width: 100%;
            box-sizing: border-box;
            .more-box,
            .share-box{
                margin-bottom: 10px;
                p{
                    font-size: 16px;
                    font-weight: bold;
                    margin-bottom: 20px;
                }
                .more-tab,
                .share-tab{
                    display: flex;
                    overflow-x:scroll ;
                    &::-webkit-scrollbar{
                        display: none;
                    }
                    >div{
                        flex-shrink: 0;
                        padding:0 8px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        .icon{
                            width: 30px;
                            height: 30px;
                            margin-bottom: 5px;
                        }
                        span{
                            font-size: 12px;
                            color: #666;
                        }
                    }
                }
            }
        }
        .cancel-box{
            background-color: #fff;
            text-align: center;
            line-height: 40px;
            border-radius: 10px;
            width: 100%;
            margin-top: 8px;
            span{
                font-size: 14px;
            }
        }
    }
}
</style>